<template>
  <div class="guli-player">
    <div class="head">
      <a href="#" title="佳家学院" style="display: flex;">
        <img class="logo" src="~/assets/img/book_logo.jpg" lt="佳家学院" style="border-radius:50%;border:1px solid #ccc;">
        <h1 style="color:#666;padding-left:10px">佳家学院</h1>
    </a>
    </div>
    <div class="body">
      <div class="content"><nuxt/></div>
    </div>
  </div>
</template>
<script>
export default {}
</script>

<style>
html,body{
  height:100%;
}
</style>

<style scoped>
.head {
  height: 60px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  
}

.head .logo{
  height: 50px;
  margin-left: 10px;
}

.body {
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
</style>